<script lang="ts">
  export let width = "27";
  export let height = "16";
</script>

<svg
  {width}
  {height}
  viewBox="0 0 27 16"
  class="mb-[1px] flex-none"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M17.3382 0H14.0645V2.98905H17.3382V0Z"
    class="fill-primary-700 dark:fill-primary-800"
  />
  <path
    d="M23.0244 0L23.0361 16H26.323V0H23.0244Z"
    class="fill-primary-700 dark:fill-primary-800"
  />
  <path
    d="M18.5432 16H21.8308V0H18.5322L18.5432 16Z"
    class="fill-primary-700 dark:fill-primary-800"
  />
  <path
    d="M11.7685 8.63081C12.5616 7.68896 12.9585 6.58723 12.9585 5.32563C12.9585 3.73705 12.4558 2.45303 11.4511 1.47138C10.4457 0.490461 9.09525 0 7.39892 0H0L1.69998 3.31676H6.85682C7.64188 3.31676 8.24235 3.51569 8.65895 3.91211C9.07483 4.30926 9.28349 4.82721 9.28349 5.46524C9.28349 6.10327 9.05585 6.59808 8.60058 6.99522C8.14458 7.39236 7.52441 7.59057 6.73936 7.59057H1.1287V10.5572V15.9993H4.17115V10.5572L8.92963 15.9993H13.6881L8.55242 10.44C9.90292 10.1753 10.9747 9.57195 11.7678 8.63009L11.7685 8.63081Z"
    class="fill-primary-700 dark:fill-primary-800"
  />
  <path
    d="M17.3382 4.17285H14.0645V15.9996H17.3382V4.17285Z"
    class="fill-primary-700 dark:fill-primary-800"
  />
</svg>
